<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="stylesheet" type="text/css" href="/css/base.css" />
		<link rel="stylesheet" type="text/css" href="/css/cart.css" />
		<script src="/js/device.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/cart.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="container">
			<!--设置整个页面居中，需要设定margin并且需要设定width宽度-->
			<!--开头-->
			<!--应用网页模板-->
			<% include template/header.html %><!--新版导航结束-->
			<!--导航结束-->
			<!--内容开始-->
			<div id="content">
				<div class="cart_steps">
					<table>
						<tr>
							<td class="step_item active">
								<p>1</p>
								<span>我的购物车</span>
							</td>
							<td class="step_item">
								<p>2</p>
								<span>填写和提交订单信息</span></td>
							<td class="step_item">
								<p>3</p>
								<span>成功提交订单</span></td>
						</tr>
					</table>
				</div>				
				<div class="cart_container">
					<%if(cartlist.length>0){%>
					<div class="cartBlock01">
						<div class="top_bg">
							购物车
						</div>
						<div class="cart_main">	
							<form action="/order/confirm_ready" method="post">							
							<!--购物车标题-->
							<table id="cart_tab">
								<thead>
									<tr>
										<th><input type="checkbox" class="check_all"> <label for="check_wh_1">全选</label></th>
										<th colspan="2">商品</th>
										<th>销售价</th>
										<th>数量</th>
										<th>优惠金额</th>
										<th>积分</th>
										<th>小计</th>
										<th>操作</th>
									</tr>
								</thead>
								<%for(i=0;i<cartlist.length;i++){%>
								<tr id="good_1" class="cart_product">
									<td><input type="checkbox" class="check-goods" name="check_productid" value="<%=cartlist[i].product_Id%>"> </td>
									<td>
										<a href="/product/<%=cartlist[i].product_Id%>"><img src="<%=cartlist[i].product_img%>" /></a>
									</td>
									<td class="p-info">
										<div>
											<a href="/product/<%=cartlist[i].product_Id%>"><%=cartlist[i].product_name%></a>
										</div>
										<div>
											配送限定： 船运 自营转运（包税）
										</div>
									</td>
									<td class="p-price">￥<%=cartlist[i].new_price%></td>
									<td class="p-quantity clearfix">
										<input type="button" id="sub" value="-" />
										<input type="text" class="text_box" name="pd_num" value="<%=cartlist[i].num%>" min="1" max="<%=cartlist[i].product_amount%>" />
										<input type="text" style="display: none;" name="product_amount" id="product_amount" value="<%=cartlist[i].product_amount%>" />
										<input type="checkbox" style="display: none;" name="check_pd_num" id="check_pd_num" value="<%=cartlist[i].num%>" />
										<input type="button" id="add" value="+" />
									</td>

									<td class="p-discount">￥<%=cartlist[i].product_favourable%></td>
									<td class="p-integral">192</td>
									<td class="p-subtotal">￥192.00</td>
									<td class="p-action">
										<a class="collect_btn" href="javascript:void(0);">收藏</a>
										<i>|</i>
										<a onClick="return confirm('确定移除当前商品?');" href="/cart/removeGoodshandle/<%=cartlist[i].product_Id%>">移除</a>
									</td>
								</tr>
								<%}%>
								<tfoot>
									<tr>
										<td colspan="4">
										</td>
										<!-- 订单价格 -->
										<td colspan="5" class="order-price" id="order_price">
											<ul>
												<li class="goods">
													<span class="label"><em>商品总金额：</em></span>
													<span class="price">￥0.00</span>
												</li>
												<li class="total">
													<span class="label"><i>(订单可得积分<span class="subtotal-integral">0</span>)</i> <em>总金额（不含运费）：</em></span>
													<span class="price"><b>￥0.00</b></span>
												</li>
											</ul>
										</td>
									</tr>
									<tr>
										<!-- 按钮 -->
										<td colspan="5" class="cart-left">
											<input type="checkbox" id="check_wh_d_1" name="check_wh[]" class="check_all"> <label for="check_wh_d_1">全选</label>
											<button type="button" class="btn btn-flat "><span><span>删除选中商品</span></span></button>
										</td>
										<td colspan="4" class="cart-right">
											<a href="./" class="btn-link">继续购物</a>
											<button type="submit"  class="btn btn_order action-settle" rel="_request"><span>下单结算<i class="f-icon">►</i></span></button> </td>
									</tr>
								</tfoot>
							</table>
						    </form>
						</div>
					</div>
					<%}else{%>
					<div class="cart_message">
					 当前购物车还是空的，<a href="/">点击这里</a> 快去采购商品吧。
				    </div>
					<%}%>
				</div>				
				<!--浏览过-->
				<div class="view_history">

				</div>
			</div>
			<!--内容结束-->
			<!--footer开始-->
			<div id="footer">
				<div class="ft_nav">
					<a><img src="img/ad/ft_nav_ad.png" /></a>
				</div>
				<div class="foot_info">

					<div class="footerinfo clearfix">
						<div class="ft_footer_logo">
							<img src="img/footer_logo.png" />
							<ul class="footer_appBlock clearfix">
								<li>关注我们：</li>
								<li class="icon"><img src="img/footer-icon-wb.png" /></li>
								<li class="icon"><img src="img/footer-icon-wx.png" /></li>
								<li class="icon"><img src="img/footer-icon-app.png" /></li>
							</ul>
						</div>

						<div class="ft_infolist">
							<div class="footerlist">
								<div class="footer_item">
									<h3>购物指南</h3>
									<div class="body">
										<ul>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="footer_item">
									<h3>购物指南</h3>
									<div class="body">
										<ul>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="footer_item">
									<h3>购物指南</h3>
									<div class="body">
										<ul>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="footer_item">
									<h3>购物指南</h3>
									<div class="body">
										<ul>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>

				<div class="ft_nav2">
					<a href="#">关于我们</a>|
					<a href="#">隐私保护</a>|
					<a href="#">媒体关注</a>|
					<a href="#">注册</a>

				</div>
				<div class="ft_copyright">
					Copyright ©2013-2016
				</div>
			</div>
			<!--footer结束-->
		</div>
	</body>

</html>